<template>
  <div class="bigPin">
    <dv-border-box-1>
      <dv-capsule-chart :config="config" style="width: 300px; height: 200px" />
      <dv-flyline-chart :config="condata" style="width: 100%; height: 100%" />
    </dv-border-box-1>
    <!-- <img src="../../assets/cs.jpg" alt=""> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: true,
      config: {
        data: [
          {
            name: "南阳",
            value: 167,
          },
          {
            name: "周口",
            value: 67,
          },
          {
            name: "漯河",
            value: 123,
          },
          {
            name: "郑州",
            value: 55,
          },
          {
            name: "西峡",
            value: 98,
          },
        ],
      },
      condata: {
        centerPoint: [0.48, 0.35],
        points: [
          [0.52, 0.23],
          [0.43, 0.29],
          [0.59, 0.35],
          [0.53, 0.47],
          [0.45, 0.54],
          [0.36, 0.38],
          [0.62, 0.55],
          [0.56, 0.56],
          [0.37, 0.66],
          [0.55, 0.81],
          [0.55, 0.67],
          [0.37, 0.29],
          [0.2, 0.36],
          [0.76, 0.41],
          [0.59, 0.18],
          [0.68, 0.17],
          [0.59, 0.1],
        ],
        bgImgUrl: '../../assets/cs.jpg',
      },
    };
  },
  created() {
    // setTimeout(() => {
    //     this.list = false
    // }, 2000);
  },
  
};
</script>

<style scoped lang="scss">
.bigPin {
  height: 100%;
  background-color: purple;
}
.load {
  width: 100%;
  height: 100%;
  animation: desp 3s;
}
</style>